<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <input id="user" type="text">
</body>
<script>
  // BOM  
  // window
  // document  history location navigator  screen

  // open(url,name,"窗口特征")
  // close()
  // scrollBy(x,y)
  // scrollTo(x,y);

  // resizeBy(x,y);
  // resizeTo(x,y);

  // moveBy(x,y)
  // moveTo(x,y)

  // window.innerWidth  window.innerHeight
  // window.outerWidth  window.outerHeight

  // 等页面所有内容加载完毕之后 执行次函数中的代码
  // window.onload = function(){
  // }

  // window.onresize = function(){
  // }

  // window.onscroll = function(){
  // }

  // 窗口获取焦点 (聚焦)     从其他窗口切换到当前窗口
  // window.onfocus = function(){
  //     console.log("欢迎欢迎");
  // }

  // 窗口失去焦点 (失焦)     从当前窗口切换到其他窗口
  // var count = 0;
  // window.onblur = function(){
  //     count++;
  //     console.log("下次一定",count);
  //     window.close();
  // }


  var userInp = document.getElementById("user");

  userInp.onfocus = function () {
    console.log("请输入....");
  }
  userInp.onblur = function () {
    console.log("输入完毕,进行判断", userInp.value);
  }

</script>

</html>